<style lang="less">
@import "./login.less";
</style>
<template>
  <div
    :style="
      'width:' +
      screenWidth +
      'px;height:' +
      screenHeight +
      'px; overflow: auto;'
    "
  >
    <div class="container">
      <Header :Current="3" @CurrentSelection="CurrentSelection"></Header>
      <haiwaiyouqing
        v-show="CurrentNum == 1"
        :url="require('@/assets/images/haiwai.png')"
      ></haiwaiyouqing>
      <tabsJT @Currenttabs="Currenttabs" v-show="CurrentNum == 1"></tabsJT>
      <div class="haiyourecruitment_box" v-show="CurrentNum == 1">
        <div class="haiyourecruitment_title" id="haiyou1">
          1、海优招聘（2024年）
        </div>
        <div class="haiyourecruitment_12box">
          <div
            class="haiyourecruitment_itembox"
            style="
              background-image: url(https://www.diantangkeji.com:8084/static/bg_011727185463074.png);
            "
            :class="{ haiyourecruitment_itembox_over: overNum == 0 }"
            @click="overnow(0)"
          >
            <div class="itembox_text">
              <div>01.</div>
              <div>高校</div>
            </div>
          </div>
          <div
            style="
              background-image: url(https://www.diantangkeji.com:8084/static/bg_031727185604011.png);
            "
            class="haiyourecruitment_itembox"
            :class="{ haiyourecruitment_itembox_over: overNum == 1 }"
            @click="overnow(1)"
          >
            <div class="itembox_text">
              <div>02.</div>
              <div>科研院所</div>
            </div>
          </div>
          <div
            style="
              background-image: url(https://www.diantangkeji.com:8084/static/bg_021727185660593.png);
            "
            class="haiyourecruitment_itembox"
            :class="{ haiyourecruitment_itembox_over: overNum == 2 }"
            @click="overnow(2)"
          >
            <div class="itembox_text">
              <div>03.</div>
              <div>院系、实验室、课题组</div>
            </div>
          </div>
        </div>
      </div>
      <div class="applicationpreparation_box" v-show="CurrentNum == 1">
        <div class="applicationpreparation_title" id="haiyou2">
          2、申请准备（10月-12月）
        </div>
        <div class="applicationpreparation_4box">
          <div class="applicationpreparation_4box_item">
            <div class="applicationpreparation_4box_item_left">
              <img
                class="applicationpreparation_4box_item_left_img"
                src="https://www.diantangkeji.com:8084/static/be1@2x1727776538052.png"
                alt=""
              />
            </div>
            <div class="applicationpreparation_4box_item_right">
              <div class="applicationpreparation_4box_item_right_title">
                申请政策咨询
              </div>
              <div
                v-for="(item, index) in shenqingzhengchezhixunList"
                :key="index"
                @click="seedata(item)"
                class="applicationpreparation_4box_item_right_content"
              >
                {{ item.title }}
              </div>
              <div
                v-if="shenqingzhengchezhixunList.length > 0"
                @click="gopage(1)"
                class="applicationpreparation_4box_item_right_more"
              >
                了解更多 >
              </div>
            </div>
          </div>
          <div class="applicationpreparation_4box_item">
            <div class="applicationpreparation_4box_item_left">
              <img
                class="applicationpreparation_4box_item_left_img"
                src="https://www.diantangkeji.com:8084/static/be2@2x1727776567129.png"
                alt=""
              />
            </div>
            <div class="applicationpreparation_4box_item_right">
              <div class="applicationpreparation_4box_item_right_title">
                依托单位选择
              </div>
              <div
                v-for="(item, index) in yituodanweixuanzheList"
                :key="index"
                @click="seedata(item)"
                class="applicationpreparation_4box_item_right_content"
              >
                {{ item.title }}
              </div>
              <div
                v-if="yituodanweixuanzheList.length > 0"
                @click="gopage(2)"
                class="applicationpreparation_4box_item_right_more"
              >
                了解更多 >
              </div>
            </div>
          </div>
          <div class="applicationpreparation_4box_item">
            <div class="applicationpreparation_4box_item_left">
              <img
                class="applicationpreparation_4box_item_left_img"
                src="https://www.diantangkeji.com:8084/static/be4@2x1727776597556.png"
                alt=""
              />
            </div>
            <div class="applicationpreparation_4box_item_right">
              <div class="applicationpreparation_4box_item_right_title">
                论文要求
              </div>
              <div
                v-for="(item, index) in lunwenyaoqiuList"
                :key="index"
                @click="seedata(item)"
                class="applicationpreparation_4box_item_right_content"
              >
                {{ item.title }}
              </div>
              <div
                v-if="lunwenyaoqiuList.length > 0"
                @click="gopage(3)"
                class="applicationpreparation_4box_item_right_more"
              >
                了解更多 >
              </div>
            </div>
          </div>
          <div class="applicationpreparation_4box_item">
            <div class="applicationpreparation_4box_item_left">
              <img
                class="applicationpreparation_4box_item_left_img"
                src="https://www.diantangkeji.com:8084/static/be3@2x1727776633918.png"
                alt=""
              />
            </div>
            <div class="applicationpreparation_4box_item_right">
              <div class="applicationpreparation_4box_item_right_title">
                其他
              </div>
              <div
                v-for="(item, index) in qitaqingqiuList"
                :key="index"
                @click="seedata(item)"
                class="applicationpreparation_4box_item_right_content"
              >
                {{ item.title }}
              </div>
              <div
                v-if="qitaqingqiuList.length > 0"
                @click="gopage(4)"
                class="applicationpreparation_4box_item_right_more"
              >
                了解更多 >
              </div>
            </div>
          </div>
        </div>
        <div class="applicationpreparation_shuiping" @click="showSaoMA = true">
          2025年海优水平评估
          <img
            class="applicationpreparation_shuiping_finger"
            src="https://www.diantangkeji.com:8084/static/点击@2x1727776442547.png"
            alt=""
          />
        </div>
      </div>
      <div class="Writingapplication_box" v-show="CurrentNum == 1">
        <div class="Writingapplication_title" id="haiyou3">
          3、撰写申请书（1月-4月）
        </div>
        <div class="Writingapplication_3box">
          <div class="Writingapplication_3box_item">
            <div class="Writingapplication_3box_item_title">
              申请书撰写
              <img
                class="Writingapplication_3box_item_title_img"
                src="https://www.diantangkeji.com:8084/static/位图141727773073822.png"
                alt=""
              />
            </div>
            <div class="Writingapplication_3box_item_conten">
              <div
                @click="seedata(zhuanxieshenqingshuList[0])"
                v-if="zhuanxieshenqingshuList[0]"
                class="Writingapplication_3box_item_conten_line"
              >
                <img
                  class="Writingapplication_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc101727773273761.png"
                />
                <div>
                  {{ zhuanxieshenqingshuList[0].title }}
                </div>
              </div>
              <div
                @click="seedata(zhuanxieshenqingshuList[1])"
                v-if="zhuanxieshenqingshuList[1]"
                class="Writingapplication_3box_item_conten_line"
              >
                <img
                  class="Writingapplication_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/位图1727773304247.png"
                />
                <div>
                  {{ zhuanxieshenqingshuList[1].title }}
                </div>
              </div>
              <div
                @click="seedata(zhuanxieshenqingshuList[2])"
                v-if="zhuanxieshenqingshuList[2]"
                class="Writingapplication_3box_item_conten_line"
              >
                <img
                  class="Writingapplication_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc111727773341567.png"
                />
                <div>
                  {{ zhuanxieshenqingshuList[2].title }}
                </div>
              </div>
              <div
                @click="gopage(5)"
                class="Writingapplication_3box_item_conten_More"
              >
                了解更多 >
              </div>
            </div>
          </div>
          <div class="Writingapplication_3box_item">
            <div class="Writingapplication_3box_item_title">
              经验分享
              <img
                class="Writingapplication_3box_item_title_img"
                src="https://www.diantangkeji.com:8084/static/位图141727773073822.png"
                alt=""
              />
            </div>
            <div class="Writingapplication_3box_item_conten">
              <div
                v-if="jingyanfenxiangList[0]"
                @click="seedata(jingyanfenxiangList[0])"
                class="Writingapplication_3box_item_conten_line"
              >
                <img
                  class="Writingapplication_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc41727773437674.png"
                />
                <div>
                  {{ jingyanfenxiangList[0].title }}
                </div>
              </div>
              <div
                v-if="jingyanfenxiangList[1]"
                @click="seedata(jingyanfenxiangList[1])"
                class="Writingapplication_3box_item_conten_line"
              >
                <img
                  class="Writingapplication_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc51727773468214.png"
                />
                <div>
                  {{ jingyanfenxiangList[1].title }}
                </div>
              </div>
              <div
                v-if="jingyanfenxiangList[2]"
                @click="seedata(jingyanfenxiangList[2])"
                class="Writingapplication_3box_item_conten_line"
              >
                <img
                  class="Writingapplication_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc61727773567774.png"
                />
                {{ jingyanfenxiangList[2].title }}
              </div>
              <div
                @click="gopage(6)"
                class="Writingapplication_3box_item_conten_More"
              >
                了解更多 >
              </div>
            </div>
          </div>
          <div class="Writingapplication_3box_item">
            <div class="Writingapplication_3box_item_title">
              模版下载
              <img
                class="Writingapplication_3box_item_title_img"
                src="https://www.diantangkeji.com:8084/static/位图141727773073822.png"
                alt=""
              />
            </div>
            <div class="Writingapplication_3box_item_conten">
              <div
                v-if="mobanxiazaiList[0]"
                @click="seedata(mobanxiazaiList[0])"
                class="Writingapplication_3box_item_conten_line"
              >
                <img
                  class="Writingapplication_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/位图31727773656673.png"
                />
                {{ mobanxiazaiList[0].title }}
              </div>
              <div
                v-if="mobanxiazaiList[1]"
                @click="seedata(mobanxiazaiList[1])"
                class="Writingapplication_3box_item_conten_line"
              >
                <img
                  class="Writingapplication_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc71727773705639.png"
                />
                {{ mobanxiazaiList[1].title }}
              </div>
              <div
                v-if="mobanxiazaiList[2]"
                @click="seedata(jingyanfenxiangList[2])"
                class="Writingapplication_3box_item_conten_line"
              >
                <img
                  class="Writingapplication_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc111727773737482.png"
                />
                {{ mobanxiazaiList[2].title }}
              </div>
              <div
                @click="gopage(7)"
                class="Writingapplication_3box_item_conten_More"
              >
                了解更多 >
              </div>
            </div>
          </div>
        </div>

        <div class="Writingapplication_shuiping" @click="showSaoMA = true">
          2025年海优申请书辅导
          <img
            class="Writingapplication_shuiping_finger"
            src="https://www.diantangkeji.com:8084/static/点击@2x1727776442547.png"
            alt=""
          />
        </div>
      </div>
      <div class="Reviewdefense_box" v-show="CurrentNum == 1">
        <div class="Reviewdefense_title" id="haiyou4">
          4、会评答辩（6月-7月）
        </div>
        <div class="Reviewdefense_3box">
          <div class="Reviewdefense_3box_item">
            <div class="Reviewdefense_3box_item_title">
              <img
                class="Reviewdefense_3box_item_title_img"
                src="https://www.diantangkeji.com:8084/static/20230803092655260@2x1727775667173.png"
                alt=""
              />
              PPT制作要求
            </div>
            <div class="Reviewdefense_3box_item_conten">
              <div
                v-for="(item, index) in pptzhizuoyaoqiuList"
                :key="index"
                @click="seedata(item)"
                class="Reviewdefense_3box_item_conten_line"
              >
                • {{ item.title }}
              </div>
              <div
                class="Reviewdefense_3box_item_conten_More"
                @click="gopage(8)"
              >
                了解更多 >
              </div>
            </div>
          </div>
          <div class="Reviewdefense_3box_item">
            <div class="Reviewdefense_3box_item_title">
              <img
                class="Reviewdefense_3box_item_title_img"
                src="https://www.diantangkeji.com:8084/static/20230803092643676@2x1727776009820.png"
                alt=""
              />
              PPT模版
            </div>
            <div class="Reviewdefense_3box_item_conten">
              <div
                v-for="(item, index) in pptmobanList"
                :key="index"
                @click="seedata(item)"
                class="Reviewdefense_3box_item_conten_line"
              >
                • {{ item.title }}
              </div>
              <div
                class="Reviewdefense_3box_item_conten_More"
                @click="gopage(9)"
              >
                了解更多 >
              </div>
            </div>
          </div>
          <div class="Reviewdefense_3box_item">
            <div class="Reviewdefense_3box_item_title">
              <img
                class="Reviewdefense_3box_item_title_img"
                src="https://www.diantangkeji.com:8084/static/20230803092832142@2x1727776077818.png"
                alt=""
              />
              录音、录视频
            </div>
            <div class="Reviewdefense_3box_item_conten">
              <div
                v-for="(item, index) in pptluyinlushipingList"
                :key="index"
                @click="seedata(item)"
                class="Reviewdefense_3box_item_conten_line"
              >
                • {{ item.title }}
              </div>
              <div
                class="Reviewdefense_3box_item_conten_More"
                @click="gopage(10)"
              >
                了解更多 >
              </div>
            </div>
          </div>
        </div>
        <div class="Reviewdefense_shuiping" @click="showSaoMA = true">
          2025年海优会评定制服务
          <img
            class="Reviewdefense_shuiping_finger"
            src="https://www.diantangkeji.com:8084/static/点击@2x1727776442547.png"
            alt=""
          />
        </div>
      </div>
      <div class="Onboarding_box" v-show="CurrentNum == 1">
        <div class="Onboarding_title" id="haiyou5">5、入职（10月-）</div>
        <div class="Onboarding_3box">
          <div class="Onboarding_3box_item">
            <div class="Onboarding_3box_item_title">入职前注意事项</div>
            <div class="Onboarding_3box_item_conten">
              <div
                v-if="ruzhizhuyishixiangList[0]"
                @click="seedata(ruzhizhuyishixiangList[0])"
                class="Onboarding_3box_item_conten_line"
              >
                <img
                  class="Onboarding_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc101727773273761.png"
                />
                {{ ruzhizhuyishixiangList[0].title }}
              </div>
              <div
                v-if="ruzhizhuyishixiangList[1]"
                @click="seedata(ruzhizhuyishixiangList[1])"
                class="Onboarding_3box_item_conten_line"
              >
                <img
                  class="Onboarding_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/位图1727773304247.png"
                />
                {{ ruzhizhuyishixiangList[1].title }}
              </div>
              <div
                v-if="ruzhizhuyishixiangList[2]"
                @click="seedata(ruzhizhuyishixiangList[2])"
                class="Onboarding_3box_item_conten_line"
              >
                <img
                  class="Onboarding_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc111727773341567.png"
                />
                {{ ruzhizhuyishixiangList[2].title }}
              </div>
              <div class="Onboarding_3box_item_conten_More" @click="gopage(11)">
                了解更多 >
              </div>
            </div>
          </div>
          <div class="Onboarding_3box_item">
            <div class="Onboarding_3box_item_title">考核晋升要求</div>
            <div class="Onboarding_3box_item_conten">
              <div
                v-if="kaohejinshengyaoqiuList[0]"
                @click="seedata(kaohejinshengyaoqiuList[0])"
                class="Onboarding_3box_item_conten_line"
              >
                <img
                  class="Onboarding_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc41727773437674.png"
                />
                {{ kaohejinshengyaoqiuList[0].title }}
              </div>
              <div
                v-if="kaohejinshengyaoqiuList[1]"
                @click="seedata(kaohejinshengyaoqiuList[1])"
                class="Onboarding_3box_item_conten_line"
              >
                <img
                  class="Onboarding_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc51727773468214.png"
                />
                {{ kaohejinshengyaoqiuList[1].title }}
              </div>
              <div
                v-if="kaohejinshengyaoqiuList[2]"
                @click="seedata(kaohejinshengyaoqiuList[2])"
                class="Onboarding_3box_item_conten_line"
              >
                <img
                  class="Onboarding_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc61727773567774.png"
                />
                {{ kaohejinshengyaoqiuList[2].title }}
              </div>
              <div class="Onboarding_3box_item_conten_More" @click="gopage(12)">
                了解更多 >
              </div>
            </div>
          </div>
          <div class="Onboarding_3box_item">
            <div class="Onboarding_3box_item_title">常见的项目申请规划</div>
            <div class="Onboarding_3box_item_conten">
              <div
                v-if="chanjiandexiangmushenqingguihuaList[0]"
                @click="seedata(chanjiandexiangmushenqingguihuaList[0])"
                class="Onboarding_3box_item_conten_line"
              >
                <img
                  class="Onboarding_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/位图31727773656673.png"
                />
                {{ chanjiandexiangmushenqingguihuaList[0].title }}
              </div>
              <div
                v-if="chanjiandexiangmushenqingguihuaList[1]"
                @click="seedata(chanjiandexiangmushenqingguihuaList[1])"
                class="Onboarding_3box_item_conten_line"
              >
                <img
                  class="Onboarding_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc71727773705639.png"
                />
                {{ chanjiandexiangmushenqingguihuaList[1].title }}
              </div>
              <div
                v-if="chanjiandexiangmushenqingguihuaList[2]"
                @click="seedata(chanjiandexiangmushenqingguihuaList[2])"
                class="Onboarding_3box_item_conten_line"
              >
                <img
                  class="Onboarding_3box_item_conten_line_img"
                  src="https://www.diantangkeji.com:8084/static/qc111727773737482.png"
                />
                {{ chanjiandexiangmushenqingguihuaList[2].title }}
              </div>
              <div class="Onboarding_3box_item_conten_More" @click="gopage(13)">
                了解更多 >
              </div>
            </div>
          </div>
        </div>
      </div>
      <div>
        <detailspage
          :id="getDetailsid"
          v-if="CurrentNum == 13 && showdetailspage"
        ></detailspage>
      </div>
      <div>
        <Footer @ContactUs="ContactUs"></Footer>
      </div>
      <div class="showERWEIMA" @click="showSaoMA = false" v-if="showSaoMA">
        <img
          class="showERWEIMA_img"
          src="https://www.diantangkeji.com:8084/static/erweima1727514979679.png"
          alt=""
        />
      </div>
    </div>
    <Spin size="large" fix v-if="isLoading"></Spin>
  </div>
</template>
<script>
import axios from "axios";
let moment = require("moment");
import util from "../libs/util";
import { Base64 } from "js-base64";
import Header from "@/componets/Header.vue";
import womendeyoushiAdvantages from "@/componets/womendeyoushiAdvantages.vue";
import keyanAdvantages from "@/componets/keyanAdvantages.vue";
import haiwaiyouqing from "@/componets/haiwaiyouqing.vue";
import rencaiAdvantages from "@/componets/rencaiAdvantages.vue";
import guoziranAdvantages from "@/componets/guoziranAdvantages.vue";
import PPTAdvantages from "@/componets/PPTAdvantages.vue";
import keyanshujuAdvantages from "@/componets/keyanshujuAdvantages.vue";
import guozirantable from "@/componets/guozirantable.vue";
import yewufanwei from "@/componets/yewufanwei.vue";
import fuwuliucheng from "@/componets/fuwuliucheng.vue";
import Footer from "@/componets/Footer.vue";
import tabstable from "@/componets/tabstable.vue";
import keyanshuju from "@/componets/keyanshuju.vue";
import tabsJT from "@/componets/tabsJT.vue";
import companyprofile from "@/componets/companyprofile.vue";
import detailspage from "@/componets/detailspage.vue";
export default {
  name: "GoodsList",
  // beforeRouteEnter(to, from, next) {
  //   window.scrollTo(0, 0);
  //   next();
  // },
  components: {
    Header,
    womendeyoushiAdvantages,
    keyanAdvantages,
    haiwaiyouqing,
    rencaiAdvantages,
    guoziranAdvantages,
    PPTAdvantages,
    keyanshujuAdvantages,
    yewufanwei,
    fuwuliucheng,
    Footer,
    tabstable,
    guozirantable,
    keyanshuju,
    tabsJT,
    companyprofile,
    detailspage,
  },
  data() {
    return {
      qitaqingqiuList: [],
      shenqingzhengchezhixunList: [],
      yituodanweixuanzheList: [],
      lunwenyaoqiuList: [],
      zhuanxieshenqingshuList: [],
      jingyanfenxiangList: [],
      mobanxiazaiList: [],
      pptzhizuoyaoqiuList: [],
      pptluyinlushipingList: [],
      showSaoMA: false,
      showcallme: false,
      rencaixiangmuList: [],
      pptmobanList: [],
      ruzhizhuyishixiangList: [],
      kaohejinshengyaoqiuList: [],
      chanjiandexiangmushenqingguihuaList: [],
      rencaixiangmuParams: {
        articleType: 0,
        pageNum: 1,
        pageSize: 10,
      },
      newdataList: [],
      keyandataList: [],
      getDetailsid: -1,
      showdetailspage: false,
      overNum: 0,
      CurrentNum: 1,
      isLoading: false,
      orderGoodsList: {},
      screenWidth: 0,
      screenHeight: 0,
      boxList12: [
        {
          name: "两院院士",
        },
        {
          name: "国家杰青",
        },
        {
          name: "万人领军",
        },
        {
          name: "长江学者",
        },
        {
          name: "海外优青",
        },
        {
          name: "省市杰青",
        },
        {
          name: "国家优青",
        },
        {
          name: "省市优青",
        },
        {
          name: "青年长江",
        },
        {
          name: "校级人才",
        },
        {
          name: "青年拔尖",
        },
        {
          name: "其他人才",
        },
      ],
    };
  },
  computed: {},
  methods: {
    seedata(e) {
      window.open(
        "https://www.diantangkeji.com/#/detailspage?id=" + e.id,
        "_blank"
      );
    },
    gopage(index) {
      this.$router.push({
        name: "haiwaiListdetails",
        params: {
          index: index,
        },
      });
    },
    getshenqingzhengcezixunFun() {
      let data = {
        articleType: "3",
        typeo: "3_1",
        pageNum: 1,
        pageSize: 10,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.newdataList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    callme() {
      this.showcallme = !this.showcallme;
    },
    ContactUs(e) {
      this.CurrentNum = e;
    },
    getExampleList() {
      let data = {
        articleTypeList: ["0", "1", "3"],
        // typeoList: ["0", "1", "3"],
        // typetList: ["0", "1", "3"],
        pageNum: 1,
        pageSize: 10,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.newdataList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    getkeyandataList() {
      let data = {
        articleType: 2,
        pageNum: 1,
        pageSize: 10,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.keyandataList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    changeDetailsid(e) {
      this.getDetailsid = e;
      this.showdetailspage = false;
      this.CurrentNum = 13;
      this.showdetailspage = true;
    },

    overnow(index) {
      console.log("点击", "haiwaiListdetails");
      this.overNum = index;
      this.gopage();
    },
    CurrentSelection(index, value) {
      console.log("测试", index, value);
      this.CurrentNum = index;
      if (value == undefined) {
        value = index;
      }
      console.log("测试value", value);
      switch (value) {
        case 0:
          this.$router.push({
            name: "home",
          });
          break;
        case 1:
          this.$router.push({
            name: "OverseasOutstandingYouth",
          });
          break;
        case 2:
          this.$router.push({
            name: "TalentProject",
          });
          break;
        case 3:
          this.$router.push({
            name: "NationalNatural",
          });
          break;
        case 4:
          this.$router.push({
            name: "ScientificResearchDrawings",
          });
          break;
        case 5:
          this.$router.push({
            name: "ppt",
          });
          break;
        case 6:
          this.$router.push({
            name: "ResearchInformation",
          });
          break;
        case 8:
          this.$router.push({
            name: "searchInput",
          });
          break;
        case 20:
          this.$router.push({
            name: "ThesisGuidance",
          });
          break;
        default:
          break;
      }
    },
    Currenttabs(index) {
      let idname = `haiyou${index}`;
      const element = document.getElementById(idname);
      if (element) {
        element.scrollIntoView({ behavior: "smooth" });
      }
    },
    // rencaixiangmuFUN() {
    //   axios
    //     .post(`/textcontent/search`, this.rencaixiangmuParams)
    //     .then((res) => {
    //       let { code, message, result } = res;
    //       if (code == "ok") {
    //         this.rencaixiangmuList = result.data.map((item) => {
    //           item.createdTime;
    //           return item;
    //         });
    //       } else {
    //       }
    //     });
    // },
    updateScreenSize() {
      this.screenWidth = window.innerWidth;
      this.screenHeight = window.innerHeight;
    },
    shenqingzhengchezhixun() {
      let data = {
        articleType: "3",
        typeo: "3_1",
        pageNum: 1,
        pageSize: 3,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.shenqingzhengchezhixunList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    yituodanweixuanzhe() {
      let data = {
        articleType: "3",
        typeo: "3_2",
        pageNum: 1,
        pageSize: 3,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.yituodanweixuanzheList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    lunwenyaoqiu() {
      let data = {
        articleType: "3",
        typeo: "3_3",
        pageNum: 1,
        pageSize: 3,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.lunwenyaoqiuList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    qitaqingqiu() {
      let data = {
        articleType: "3",
        typeo: "3_4",
        pageNum: 1,
        pageSize: 3,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.qitaqingqiuList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    zhuanxieshenqingshu() {
      let data = {
        articleType: "3",
        typeo: "3_5",
        pageNum: 1,
        pageSize: 3,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.zhuanxieshenqingshuList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    jingyanfenxiang() {
      let data = {
        articleType: "3",
        typeo: "3_6",
        pageNum: 1,
        pageSize: 3,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.jingyanfenxiangList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    mobanxiazai() {
      let data = {
        articleType: "3",
        typeo: "3_7",
        pageNum: 1,
        pageSize: 3,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.mobanxiazaiList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    pptzhizuoyaoqiu() {
      let data = {
        articleType: "3",
        typeo: "3_8",
        pageNum: 1,
        pageSize: 3,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.pptzhizuoyaoqiuList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    pptmoban() {
      let data = {
        articleType: "3",
        typeo: "3_9",
        pageNum: 1,
        pageSize: 3,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.pptmobanList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    pptluyinlushiping() {
      let data = {
        articleType: "3",
        typeo: "3_10",
        pageNum: 1,
        pageSize: 3,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.pptluyinlushipingList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    ruzhizhuyishixiang() {
      let data = {
        articleType: "3",
        typeo: "3_11",
        pageNum: 1,
        pageSize: 3,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.ruzhizhuyishixiangList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    kaohejinshengyaoqiu() {
      let data = {
        articleType: "3",
        typeo: "3_12",
        pageNum: 1,
        pageSize: 3,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.kaohejinshengyaoqiuList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
    chanjiandexiangmushenqingguihua() {
      let data = {
        articleType: "3",
        typeo: "3_13",
        pageNum: 1,
        pageSize: 3,
      };
      axios.post(`/textcontent/search`, data).then((res) => {
        let { code, message, result } = res;
        if (code == "ok") {
          this.chanjiandexiangmushenqingguihuaList = result.data.map((item) => {
            item.createdTime;
            return item;
          });
        } else {
        }
      });
    },
  },
  created() {},
  mounted() {
    this.updateScreenSize();
    window.addEventListener("resize", this.updateScreenSize);
    // 申请准备
    this.shenqingzhengchezhixun();
    this.qitaqingqiu();
    this.lunwenyaoqiu();
    this.yituodanweixuanzhe();
    //撰写申请书
    this.zhuanxieshenqingshu();
    this.jingyanfenxiang();
    this.mobanxiazai();
    //会评答辩
    this.pptzhizuoyaoqiu();
    this.pptmoban();
    this.pptluyinlushiping();
    //入职
    this.ruzhizhuyishixiang();
    this.kaohejinshengyaoqiu();
    this.chanjiandexiangmushenqingguihua();

    this.getExampleList();
    this.getkeyandataList();
    this.getshenqingzhengcezixunFun();
  },
  beforeDestroy() {
    window.removeEventListener("resize", this.updateScreenSize);
  },
};
</script>

<style  scoped>
.container {
  margin: 0 auto;
  /* position: relative; */
  min-width: 1920px;
}
.advertise_border {
  margin: 0 auto;
  position: relative;
  width: 1920px;
  height: 587px;
  border: 1px solid #eff2f5;
  z-index: 222;
}
.advertise {
  position: absolute;
  width: 1920px;
  height: 587px;
  z-index: 888;
}
.advertise_box_home {
  position: absolute;
  top: 191px;
  left: 310px;
  z-index: 988;
}
.showERWEIMA {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 998;
}
.showERWEIMA_img {
  width: 290px;
  height: 290px;
  position: absolute;
  z-index: 999;
}
.advertise_title {
  font-family: "FZZZHONGJW--GB1, FZZZHONGJW--GB1";
  font-size: 50px;
  color: #282828;
}
.advertise_details {
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-size: 26px;
  color: #000000;
  margin: 29px 0 40px;
}
.advertise_Click {
  cursor: pointer;
  width: 174px;
  height: 54px;
  background: #0365fe;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
}
.information_box {
  margin: 0 auto;
  border: 1px solid #fff;
  width: 1920px;
  height: 774px;
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.information_title {
  margin-top: 72px;
  margin-bottom: 50px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.information_conter {
  width: 1300px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.information_conter_right_line {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  width: 50%;
  height: 90px;
  line-height: 90px;
  /* border: 1px solid red; */
}
.information_conter_right_line::before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #0265fe;
  content: "";
  /* 其他样式，比如位置、颜色等 */
  margin-right: 15px; /* 或者其他你想要的间距 */
}
.information_conter_right_line_time {
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-size: 16px;
  color: #666666;
}
.information_conter_right_line_text {
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-size: 26px;
  letter-spacing: 1px;
  color: #000000;
  /* 文本不会换行 */
  white-space: nowrap;
  /* 超出容器部分隐藏 */
  overflow: hidden;
  /* 超出部分显示省略号 */
  text-overflow: ellipsis;
}
/* 业务范围 */
.BusinessScope_box {
  margin: 0 auto;
  border: 1px solid #fff;
  width: 1920px;
  /* height: 774px; */
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.BusinessScope_title {
  margin-top: 72px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.BusinessScope_conter {
  flex: 1;
  display: flex;
}
/* 服务流程 */
.fuwuliucheng_box {
  margin: 0 auto;
  border: 1px solid #fff;
  width: 1920px;
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.fuwuliucheng_title {
  margin-top: 72px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fuwuliucheng_conter {
  flex: 1;
  display: flex;
}
/* 科研资料 */

.research_box {
  margin: 0 auto;
  border: 1px solid #f5f8fc;
  width: 1920px;
  height: 774px;
  background-color: #f5f8fc;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.research_title {
  margin-top: 72px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.research_conter {
  flex: 1;
  display: flex;
}
/* //// */
.research_conter_left {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.research_conter_left_line_box {
  box-sizing: border-box;
  width: 630px;
  height: 474px;
  padding-top: 45px;
  padding-left: 45px;
  padding-right: 16px;
  background-color: #fff;
}
.research_conter_left_line {
  height: 65px;
  border-bottom: 2px solid #dcdcdc;
}
.research_conter_left_line_date {
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 34px;
  color: #ff7700;
}
.research_conter_left_line_time {
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-size: 16px;
  color: #666666;
}
.research_conter_left_line_text {
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-size: 20px;
  color: #000000;
}
.research_conter_left_line_title {
  margin-top: 20px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 22px;
  color: #0365fe;
}
.research_conter_left_line_Details {
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 400;
  font-size: 18px;
  color: #7b7d85;
  margin-top: 11px;
}
.research_conter_left_line_h1 {
  margin-top: 30px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 22px;
  color: #000000;
}
.research_conter_right {
  position: relative;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.research_conter_right_img {
  width: 630px;
  height: 498px;
  z-index: 60;
}
/* 服务 */

.Serve_box {
  margin: 0 auto;
  border: 1px solid #fff;
  width: 1920px;
  height: 774px;
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.Serve_title {
  margin-top: 72px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Serve_conter {
  position: relative;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 68px 309px;
}
.callme_box {
  box-sizing: border-box;
  position: absolute;
  top: 108px;
  right: 42px;
  width: 77px;
  height: 288px;
  padding: 7px 18px 18px 18px;
  background: #0365fe;
  border-radius: 39px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.callme_img {
  position: absolute;
  width: 806px;
  height: 329px;
  top: -15px;
  right: 80px;
  /* box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.25); */
}
.callme_title {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 806px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #333333;
  z-index: 999;
}
.callme_mub {
  position: absolute;
  top: 100px;
  right: 46px;
  width: 806px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  z-index: 999;
  color: #4257fc;
}
.callme_text {
  position: absolute;
  top: 165px;
  right: 206px;
  width: 645px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 32px;
  color: #878787;
}
.call_phone {
  width: 62px;
  height: 62px;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.call_me {
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 34px;
  color: #ffffff;
  text-align: center;
}
.serve_item {
  width: 414px;
  height: 216px;
  background: #ffffff;
  box-shadow: 1px -4px 17px 5px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.serve_item_img {
  width: 69px;
  height: 70px;
}
.serve_item_text {
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 28px;
  color: #1a1a1a;
  text-align: center;
}
/* ppt人才项目 */
.pptrencai_box {
  border: 1px solid #fff;
  margin: 0 auto;
  box-sizing: border-box;
  height: 1280px;
  width: 1920px;
  background: #ffffff;
}
.pptrencai_title {
  box-sizing: border-box;
  text-align: center;
  margin: 80px 0 70px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #1a1a1a;
}
.pptrencai_12box {
  width: 1301px;
  height: 510px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pptrencai_itembox {
  border: 1px solid red;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 311px;
  height: 150px;
  border: 3px solid #0365fe;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 36px;
  color: #0365fe;
}
.pptrencai_foot {
  width: 1301px;
  margin: 84px auto 0;
  display: flex;
  justify-content: space-between;
}
.pptrencai_foot_left_img {
  width: 633.89px;
  height: 353px;
}
.pptrencai_foot_right_img {
  width: 650.98px;
  height: 352px;
}
/* ppt项目奖励 */
.ppjianli_box {
  width: 1920px;
  height: 895px;
  border: 1px solid #f6f8fc;
  background: #f6f8fc;
  margin: 0 auto;
  box-sizing: border-box;
}
.ppjianli_title {
  box-sizing: border-box;
  text-align: center;
  margin: 80px 0 70px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #1a1a1a;
}
.ppjianli_four {
  width: 1302px;
  display: flex;
  margin: 80px auto 104px;
  justify-content: space-between;
}
.ppjianli_footer {
  width: 1302px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
/* 海选招聘 */
.haiyourecruitment_box {
  border: 1px solid #fff;
  margin: 0 auto;
  box-sizing: border-box;
  height: 667px;
  width: 1920px;
  background: #ffffff;
}
.haiyourecruitment_title {
  box-sizing: border-box;
  text-align: center;
  margin: 80px 0 70px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #1a1a1a;
}
.haiyourecruitment_12box {
  width: 1301px;
  height: 510px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.haiyourecruitment_itembox {
  position: relative;
  width: 363px;
  height: 380px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 36px;
  transition: width 0.5s ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.haiyourecruitment_itembox_over {
  width: 551px;
  height: 380px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 36px;
}
.itembox_text {
  position: absolute;
  bottom: 40px;
  left: 32px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 32px;
  color: #ffffff;
}
/* 2、申请准备（10月-12月） */
.applicationpreparation_box {
  border: 1px solid #f6f8fc;
  width: 1920px;
  height: 1032px;
  background-color: #f6f8fc;
  margin: 0 auto;
}
.applicationpreparation_title {
  margin-top: 83px;
  margin-bottom: 67px;
  text-align: center;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #1a1a1a;
}
.applicationpreparation_4box {
  width: 1301px;
  height: 618px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.applicationpreparation_4box_item {
  width: 630px;
  height: 290px;
  background: #ffffff;
  border-radius: 6px;
  border: 2px solid #0365fe;
  box-sizing: border-box;
  padding: 37px;
  display: flex;
}
.applicationpreparation_4box_item_left {
  width: 200px;
  height: 290px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.applicationpreparation_4box_item_left_img {
  width: 122px;
  height: 122px;
}
.applicationpreparation_4box_item_right {
}
.applicationpreparation_4box_item_right_title {
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 28px;
  color: #2e2f34;
  margin-bottom: 22px;
}
.applicationpreparation_4box_item_right_content {
  cursor: pointer;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-size: 20px;
  color: #000000;
  margin-bottom: 14px;
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
}
.applicationpreparation_4box_item_right_content:hover {
  cursor: pointer;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-size: 20px;
  color: #0265fe;
  margin-bottom: 14px;
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
}
.applicationpreparation_4box_item_right_more {
  cursor: pointer;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 18px;
  color: #5d83fd;
}
.applicationpreparation_shuiping {
  cursor: pointer;
  width: 388px;
  height: 70px;
  background-color: #0365fe;
  border-radius: 4px;
  color: #fff;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 60px auto 0;
  position: relative;
}
.applicationpreparation_shuiping_finger {
  position: absolute;
  right: -25px;
  bottom: -30px;
  width: 81px;
  height: 85px;
}
/* 3、撰写申请书（1月-4月） */
.Writingapplication_box {
  border: 1px solid #fff;
  width: 1920px;
  height: 1004px;
  background-color: #fff;
  margin: 0 auto;
}
.Writingapplication_title {
  margin-top: 83px;
  margin-bottom: 118px;
  text-align: center;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #1a1a1a;
}
.Writingapplication_3box {
  width: 1356px;
  height: 448px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.Writingapplication_3box_item {
  width: 425px;
  height: 448px;
  background-color: #fff;
  box-shadow: 1px -4px 17px 5px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}
.Writingapplication_3box_item_title {
  /* 设置背景图片 */
  background-image: url("https://www.diantangkeji.com:8084/static/qd41727772767627.png");

  /* 使背景图片覆盖整个元素 */
  background-size: 100% 100%;

  /* 背景图片不重复 */
  background-repeat: no-repeat;

  /* 背景图片固定，内容滚动时背景不动 */
  /* background-attachment: fixed; */

  /* 背景图片居中显示 */
  background-position: center;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 30px;
  color: #2e2f34;
  height: 95px;
  padding: 28px 0 0 40px;
  background-color: #f3f6fb;
  position: relative;
}
.Writingapplication_3box_item_title_img {
  position: absolute;
  width: 116px;
  height: 128px;
  top: -41px;
  right: 46px;
}
.Writingapplication_3box_item_conten {
  padding-top: 23px;
}
.Writingapplication_3box_item_conten_line {
  cursor: pointer;
  width: 100%;
  height: 67px;
  border-bottom: 1px dashed #e6e6e6;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 20px;
  color: #000000;
  display: flex;
  align-items: center;
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
}
.Writingapplication_3box_item_conten_line:hover {
  cursor: pointer;
  width: 100%;
  height: 67px;
  border-bottom: 1px dashed #e6e6e6;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 20px;
  color: #0265fe;
  display: flex;
  align-items: center;
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
}
.Writingapplication_3box_item_conten_line_img {
  width: 23px;
  height: 23px;
  margin-left: 31px;
  margin-right: 22px;
}
.Writingapplication_3box_item_conten_More {
  cursor: pointer;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 18px;
  display: flex;
  align-items: center;
  color: #5d83fd;
  padding: 12px 0 0 31px;
}
.Writingapplication_shuiping {
  cursor: pointer;
  width: 388px;
  height: 70px;
  background-color: #0365fe;
  border-radius: 4px;
  color: #fff;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 60px auto 0;
  position: relative;
}
.Writingapplication_shuiping_finger {
  position: absolute;
  right: -25px;
  bottom: -30px;
  width: 81px;
  height: 85px;
}
/* 4、会评答辩（6月-7月） */
.Reviewdefense_box {
  border: 1px solid #f6f8fc;
  width: 1920px;
  height: 1004px;
  background-color: #f6f8fc;
  margin: 0 auto;
}
.Reviewdefense_title {
  margin-top: 83px;
  margin-bottom: 118px;
  text-align: center;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #1a1a1a;
}
.Reviewdefense_3box {
  width: 1356px;
  height: 448px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.Reviewdefense_3box_item {
  width: 425px;
  height: 448px;
  background-color: #fff;
  box-shadow: 1px -4px 17px 5px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  padding: 0 20px;
}
.Reviewdefense_3box_item_title {
  display: flex;
  align-items: center;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 30px;
  color: #2e2f34;
  height: 129px;
  border-bottom: 1px solid #dbdbdb;
}
.Reviewdefense_3box_item_title_img {
  width: 77px;
  height: 77px;
  margin-right: 20px;
}
.Reviewdefense_3box_item_conten {
  padding-top: 23px;
}
.Reviewdefense_3box_item_conten_line {
  cursor: pointer;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 20px;
  color: #000000;
  /* display: flex; */
  /* align-items: center; */
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
}
.Reviewdefense_3box_item_conten_line:hover {
  cursor: pointer;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 20px;
  color: #0265fe;
  /* display: flex;
  align-items: center; */
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
}
.Reviewdefense_3box_item_conten_line_img {
  width: 23px;
  height: 23px;
  margin-left: 31px;
  margin-right: 22px;
}
.Reviewdefense_3box_item_conten_More {
  cursor: pointer;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 18px;
  display: flex;
  align-items: center;
  color: #5d83fd;
  padding: 12px 0;
}
.Reviewdefense_shuiping {
  cursor: pointer;
  width: 388px;
  height: 70px;
  background-color: #0365fe;
  border-radius: 4px;
  color: #fff;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 60px auto 0;
  position: relative;
}
.Reviewdefense_shuiping_finger {
  position: absolute;
  right: -25px;
  bottom: -30px;
  width: 81px;
  height: 85px;
}
/* 5、入职（10月-） */
.Onboarding_box {
  border: 1px solid #fff;
  width: 1920px;
  height: 1004px;
  background-color: #fff;
  margin: 0 auto;
}
.Onboarding_title {
  margin-top: 83px;
  margin-bottom: 118px;
  text-align: center;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #1a1a1a;
}
.Onboarding_3box {
  width: 1356px;
  height: 448px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.Onboarding_3box_item {
  width: 425px;
  height: 448px;
  background-color: #fff;
  box-shadow: 1px -4px 17px 5px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}
.Onboarding_3box_item_title {
  background-image: url("https://www.diantangkeji.com:8084/static/qd41727772767627.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 30px;
  color: #2e2f34;
  height: 95px;
  background-color: #f3f6fb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Onboarding_3box_item_conten {
  padding-top: 23px;
}
.Onboarding_3box_item_conten_line {
  cursor: pointer;
  width: 100%;
  height: 67px;
  border-bottom: 1px dashed #e6e6e6;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 20px;
  color: #000000;
  display: flex;
  align-items: center;
}
.Onboarding_3box_item_conten_line:hover {
  cursor: pointer;
  width: 100%;
  height: 67px;
  border-bottom: 1px dashed #e6e6e6;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 20px;
  color: #0265fe;
  display: flex;
  align-items: center;
}
.Onboarding_3box_item_conten_line_img {
  width: 23px;
  height: 23px;
  margin-left: 31px;
  margin-right: 22px;
}
.Onboarding_3box_item_conten_More {
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 500;
  font-size: 18px;
  display: flex;
  align-items: center;
  color: #5d83fd;
  padding: 12px 0 0 31px;
  cursor: pointer;
}
/* 公司简介*/
.CompanyProfile_box {
  border: 1px solid #fff;
  width: 1920px;
  height: 802px;
  background-color: #fff;
  margin: 0 auto;
}
.CompanyProfile_title {
  margin-top: 87px;
  margin-bottom: 57px;
  text-align: center;
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: bold;
  font-size: 40px;
  color: #1a1a1a;
}
.CompanyProfile_content {
  padding: 0 300px;
  margin: 0 auto;
}
.CompanyProfile_content_text {
  font-family: "SourceHanSansSC, SourceHanSansSC";
  font-weight: 600;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
}
.CompanyProfile_content_color {
  color: #1c70fe;
}
.showERWEIMA {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.showERWEIMA_img {
  width: 290px;
  height: 290px;
  position: absolute;
  z-index: 999;
}
</style>
